
$(function () {
    // console.log(window.location.search)
    var secondDomainName = window.location.search.split("=")[1];
    vm.q.secondDomainName = secondDomainName;
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#creTime',
            range:true,
            done:function(value, date, endDate){
                if(value){
                    var spliTime = value.split(' - ');
                    vm.q.beginDate   = spliTime[0];
                    vm.q.endDate  = spliTime[1];
                }else{
                    vm.q.beginDate   = null;
                    vm.q.endDate  = null;
                }
            }
        });
    });
    //console.log(domainInfoId)
    $('#bootstrap-table')
        .bootstrapTable(
            {
                method : 'post', // 服务器数据的请求方式 get or post
                url : baseURL + 'aliyunDomain/findAliyunDomainResolveRecordHistoryPage', // 服务器数据的加载地址
                showRefresh : true,
                showToggle : true,
                showColumns : true,
                //showExport :true,
                sortable: true,
                sortName:"userId",// 排序列名称
                sortOrder: "desc",
                iconSize : 'outline',
                toolbar : '#exampleToolbar',
                striped : true, // 设置为true会有隔行变色效果
                dataType : "json", // 服务器返回的数据类型
                pagination : true, // 设置为true会在底部显示分页条
                // queryParamsType : "limit",
                // //设置为limit则会发送符合RESTFull格式的参数
                singleSelect : false, // 设置为true将禁止多选
                // contentType : "application/x-www-form-urlencoded",
                // //发送到服务器的数据编码类型
                pageSize : 10, // 如果设置了分页，每页数据条数
                pageNumber : 1, // 如果设置了分布，首页页码
                // search : true, // 是否显示搜索框
                //showColumns : false, // 是否显示内容下拉框（选择显示的列）
                sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
                // "server"
                queryParams : function(params) {
                    //console.log(params)
                    return {
                        // 说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                        page:(params.offset/params.limit) + 1 + '',
                        limit:params.limit + '',
                        secondDomainName:vm.q.secondDomainName,
                        beginDate:vm.q.beginDate,
                        endDate:vm.q.endDate,
                        domainName:vm.q.domainName,
                        rr:vm.q.rr
                    };
                },
                complete:function () {
                    $('[data-toggle="tooltip"]').tooltip({
                        html:true
                    });
                },
                onLoadSuccess:function () {
                    $('[data-toggle="tooltip"]').tooltip({
                        html:true
                    });
                },
                columns : [
                    {
                        checkbox : true
                    },
                    {
                        field : 'domainName',
                        align:'center',
                        title : '域名名称'
                    },

                    {
                        field : 'rr',
                        align:'center',
                        width:300,
                        title : '相关记录',
                        formatter:function (value,row,index) {
                            var rr = "<div class='timeBox'><h4>主机记录:</h4><div>"+ row.rr+ "</div></div>";
                            var type = "<div class='timeBox'><h4>记录类型:</h4><div>"+row.type+"</div></div>";
                            var value = "<div class='timeBox'><h4>记录值:</h4><div>"+row.value+"</div></div>";
                            var priority = "<div class='timeBox'><h4>MX记录的优先级:</h4><div>"+row.priority+"</div></div>";
                            var line = "<div class='timeBox'><h4>解析线路:</h4><div>"+row.line+"</div></div>";
                            return rr + type + value + priority + line;
                        }
                    },
                    {
                        field : 'status',
                        align:'center',
                        title : '解析记录状态',
                        formatter:function (value,row,index) {
                            //console.log(value)
                            var e = "<span class='statusTd lockedStatus'>不可用</span>";
                            var f = "<span class='statusTd unLockedStatus'>可用</span>";
                            return value == "DISABLE"?e:f;
                        }
                    },
                    {
                        field : 'locked',
                        align:'center',
                        title : '解析记录锁定状态',
                        formatter:function (value,row,index) {
                            //console.log(value)
                            var e = "<span class='statusTd lockedStatus'>已锁定</span>";
                            var f = "<span class='statusTd unLockedStatus'>未锁定</span>";
                            return value?e:f;
                        }
                    },
                    {
                        field : 'weight',
                        align:'center',
                        title : '负载均衡权重'
                    },
                    {
                        field : 'createTime',
                        align:'center',
                        width:200,
                        title : '创建时间'
                    },
                    {
                        field : 'platformName',
                        align:'center',
                        title : '平台名称'
                    },{
                        field : 'secondDomainName',
                        align:'center',
                        title : '二级域名'
                    }]
            });
});
var vm = new Vue({
    el:'#rrapp',
    data:{
        q:{
            secondDomainName:'',
            domainName:null,
            rr:null,
            beginDate:null,
            endDate:null
        }
    },
    methods: {
        query: function () {
            vm.reload();
        },
        reload: function (event) {
            var opt = {
                url: baseURL + 'aliyunDomain/findAliyunDomainResolveRecordHistoryPage',
                query:{
                    limit : '10',
                    page : '0',
                    secondDomainName:vm.q.secondDomainName,
                    beginDate:vm.q.beginDate,
                    endDate:vm.q.endDate,
                    domainName:vm.q.domainName,
                    rr:vm.q.rr
                }
            };
            $('#bootstrap-table').bootstrapTable('refresh',
                opt);
        }
    }
});
function build() {
    alert("相关功能正在开发中...");
}